<template>
  <div>
    <p>数量:{{count}}</p>
    <p>状态:{{state}}</p>
    
  </div>
</template>

<script>
export default {
  name:'MyCount',
  // props:['count','state']
  props:{
    count:{
      type:Number,
      // 必填项使用required来设定 true是必填项
      required:true,
      // 默认属性值
      default:100
    },
    //类型不唯一的情况下使用数组创建 多个可能的类型
    state:[Boolean,Number],
    type:{
      validator(value){
       return ['success','warning','danger'].indexOf(value)!==-1
      }
    }
  }
}
</script>

<style lang="less" scoped>

</style>